<template>
  <section class="video-two">
      <div class="container">
          <img src="/assets/images/scratch-1-1.png" class="video-two__scratch" alt="">
          <div class="row">
              <div class="col-lg-7">
                  <div class="video-two__content">
                      <h2 class="video-two__title">Kipso one & only <br>
                          mission is to extend <br>
                          your knowledge base</h2><!-- /.video-two__title -->
                      <a href="#" class="thm-btn">Learn More</a><!-- /.thm-btn -->
                  </div><!-- /.video-two__content -->
              </div><!-- /.col-lg-7 -->
              <div class="col-lg-5 d-flex justify-content-lg-end justify-content-sm-start">
                  <div class="my-auto">
                      <a href="#" class="video-two__popup"><i class="fa fa-play"></i><!-- /.fa fa-play --></a>
                      <!-- /.video-two__popup -->
                  </div><!-- /.my-auto -->
              </div><!-- /.col-lg-5 d-flex justify-content-end -->
          </div><!-- /.row -->
      </div><!-- /.container -->
          </section>
</template>

<script>
    export default {
        name: "VideoTwo"
    }
</script>

<style scoped>

</style>
